<!--
  Generated template for the NewPagePage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>NewPage</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
<h1>这是我的第一个页面</h1>

<!-- 这个一个组件示例 -->
<p>这个一个组件示例</p>
<new-component></new-component>
<div>-------------------------------</div>
<!--  -->
<p>下面是一个pipe用法示例</p>
<p>{{someValue | NewPipe}}</p>

<div>-----------下面是跳转到第二个页面--------------------</div>

<button (click) = "openSecond()">进入第二个页面</button>

<div>-----------下面是跳转到input组件示例--------------------</div>
<ion-list>
  <ion-item>
    <ion-label>用户名</ion-label>
    <ion-input type="text" [(ngModel)] = "username"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>密码</ion-label>
    <ion-input type="password" [(ngModel)]="password"></ion-input>
  </ion-item>
</ion-list>

<div padding>
  <button block (click)="login()">登陆</button>
</div>

</ion-content>
